<template>
  <div class="lc-box">
     <div class = "c_lc-banner">
         <img src = "~assets/img/34.png"/>
     </div>
     <div class = "c_lc-data">
         <div class="c_data-container">
             <div class="data-warp">
                 <span class="c_left"> DATA </span>
                <div class = "c_right">
                    <ul class="data-ul">
                        <li>
                            <i> <span></span>成功理财人数</i>
                            <p>2,434,536 <i>人</i></p>
                        </li>
                        <li>
                            <i> <span></span>理财总金额</i>
                            <p>360,192,053,163 <i>元</i></p>
                        </li>
                    </ul>
                </div>
             </div>
         </div>
     </div>
  </div>
</template>
<script>

</script>
<style lang="scss">
    .c_lc-banner{
        width: 100%;
        height: 419px;
        text-align: center;
        img{
            width: 100%;
            height: 419px;
        }
    }
    .c_lc-data{
        width: 100%;
        box-sizing: border-box;
        position: relative;
        &::after{
            content: "";
            display: block;
            position: absolute;
            left: 0;
            top: 50%;
            width: 200px;
            height: 1px;
            background: #666666;
            opacity:0.2;
        }
        &::before{
            content: "";
            display: block;
            position: absolute;
            right: 0;
            top: 50%;
            width: 200px;
            height: 1px;
            background: #666666;
            opacity:0.2;
        }
        .data-warp{
            width: 950px;
            margin: 0 auto;
            height: 100%;
            overflow: hidden;
        }
        .c_data-container{
            height: 178px;
            width: 80%;
            margin: 0 auto;
            .c_left{
                float: left;
                height: 100%;
                line-height: 178px;
                font-size:44px;
                font-family:ArialMT;
                font-weight:400;
                color:rgba(102,102,102,1);
                opacity:0.2;
                margin: 0 0 0 120px;
            }
            .c_right{
                float: right;
                background: url('~assets/img/37.png');
                margin: 38px 0 0 0;
                border: #666 dashed 1px;
                width: 583px;
                height: 102px;
                .data-ul{
                    width: 100%;
                    &::after{
                    content: '';
                    display: block;
                    clear: both;
                    }
                    li{
                        float: left;
                        width: 153px;
                        text-align: center;
                        margin: 26px 65px 28px;
                        color: #666;
                        i{font-size: 10px;}
                        p{
                            margin-top: 16px;
                            color: #FC5830;
                            font-size: 17px;
                        }
                    }
                }
            }
        }
    }
</style>